<div >
    <div title="Pale Worm Brown" style="background-color: rgb(198, 156, 109);" data-class="" data-color="#c69c6d"></div>
    <div title="Medium Warm Brown" style="background-color: rgb(140, 98, 57);" data-class="" data-color="#8c6239"></div>
    <div title="Pale Cool Brown" style="background-color: rgb(199, 178, 153);" data-class="" data-color="#c7b299"></div>
    <div title="Pure Cyan" style="background-color: rgb(102, 199, 235);" data-class="" data-color="rgb(102, 199, 235)"></div>
    <div title="Pure Green" style="background-color: rgb(0, 166, 81);" data-class="" data-color="#00a651"></div>
    <div title="Pure Green Cyan" style="background-color: rgb(0, 169, 157);" data-class="" data-color="#00a99d"></div>
    <div title="Pure Pea Green" style="background-color: rgb(141, 198, 63);" data-class="" data-color="#8dc63f"></div>
    <div title="Orange" style="background-color: rgb(241, 176, 72);" data-class="" data-color="rgb(241, 176, 72)"></div>
    <div title="Light Red" style="background-color: rgb(219, 124, 128);" data-class="" data-color="rgb(219, 124, 128)"></div>
    <div title="Light Violet" style="background-color: rgb(166, 164, 202);" data-class="" data-color="#A6A4CA"></div>
    <div title="Grey 5%" style="background-color: rgb(245, 245, 245);" data-class="light" data-color="rgb(245,245,245)"></div>
    <div title="Grey 20%" style="background-color: rgb(215, 215, 215);" data-class="light" data-color="rgb(215, 215, 215)"></div>
    <div title="Grey 40%" style="background-color: rgb(172, 172, 172);" data-class="" data-color="rgb(172, 172, 172)"></div>
    <div title="Grey 60%" style="background-color: rgb(125, 125, 125);" data-class="" data-color="rgb(125, 125, 125)"></div>
    <div title="Grey 70%" style="background-color: rgb(99, 99, 99);" data-class="" data-color="rgb(99, 99, 99)"></div>
    <div title="Grey 80%" style="background-color: rgb(70, 70, 70);" data-class="" data-color="rgb(70, 70, 70)"></div>
    <div title="Grey 85%" style="background-color: rgb(54, 54, 54);" data-class="" data-color="rgb(54, 54, 54)"></div>
    <div title="Grey 90%" style="background-color: rgb(37, 37, 37);" data-class="" data-color="rgb(37, 37, 37)"></div>
    <!--div[data-color="#"]*15-->

</div>

<div>
   Colors Length {{ colorsList.length}}

                <div ng-repeat="myColor in colorsList" title="{{myColor.title}}"
                     ng-style="setBackgroundColor(myColor.bgColor)"
                     data-class=""
                     data-color="{{myColor.color}}"
                     data-ng-click="setBackGroundColor(myColor)">
                </div>


</div>